<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="renderer" content="webkit" />
	<meta name="keywords" content="瑜伽商城，瑜伽运动，运动，健身，锻炼">
	<meta name="description" content="瑜伽（英文：Yoga，印地语：योग）是一个汉语词汇，最早是从印度梵语“yug”或“yuj”而来，其含意为“一致”、“结合”或“和谐”。瑜伽源于古印度，是古印度六大哲学派别中的一系，探寻“梵我合一”的道理与方法。而现代人所称的瑜伽则主要是一系列的修身养心方法。">
	<title></title>
	<meta name="viewport"
		  content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/public.css">
	<link rel="stylesheet" type="text/css" href="../css/yoga.css">
	<link rel="stylesheet" type="text/css" href="../css/pubulic_wrap.css">
	<link rel="stylesheet" type="text/css" href="../css/all.css">
	<link rel="shortcut icon" href="images/Yoga_03.png" type="image/png">
	<script type="text/javascript" src="../front_js/jquery.min.js"></script>
</head>
<body>
<header>
	<!--顶部图标-->
	<img src="images/01HomeYoga_03.png" alt="">
	<!--顶部二级导航-->
	<ul class="clearfix">
		<li class="fff"><a href="#">Home</a>
			<ol>
				<li><a href="#">Yoga studio</a></li>
				<li><a href="#">Fitness club</a></li>
				<li><a href="#">Gym</a></li>
				<li><a href="#">Health club</a></li>
				<li><a href="#">Coach</a></li>
				<li><a href="#">Dance</a></li>
			</ol><i></i></li>
		<li><a href="#">Pages</a>
			<ol>
				<li><a href="#">About Us </a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Reservations</a></li>
				<li><a href="#">Pricing Tables</a></li>
				<li><a href="#">Our Team</a></li>
				<li><a href="#">Content Elements</a></li>
			</ol><i></i></li>
		<li><a href="#">Events</a>
			<ol>
				<li><a href="#">All Events</a></li>
				<li><a href="#">Events One</a></li>
				<li><a href="#">Events Two</a></li>
				<li><a href="#">Events Three</a></li>
				<li><a href="#">Events Four</a></li>
				<li><a href="#">Single Event</a></li>
			</ol><i></i></li>
		<li><a href="#">Portfolio</a>
			<ol>
				<li><a href="#">Column 3 Сols</a></li>
				<li><a href="#">Columns 4 Сols Wide</a></li>
				<li><a href="#">4 Сols Masonry</a></li>
				<li><a href="#">Four Columns</a></li>
				<li><a href="#">Gallery</a></li>
			</ol><i></i></li>
		<li><a href="#">Blog</a>
			<ol>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Reservations</a></li>
				<li><a href="#">Pricing Tables</a></li>
				<li><a href="#">Our Team</a></li>
				<li><a href="#">Content Elements</a></li>
			</ol><i></i></li>
		<li><a href="#">Shop</a></li>
		<li><a href="#">Contacts</a></li>
	</ul>
	<!--顶部二级导航右侧图标-->
	<div class="home-index-cart">
		<span><a href="#"><img src="images/serch.png" alt="" /></a></span>
		<span><a href="#"><img src="images/shop.png" alt="" /></a><div>0</div></span>
		<span>
                <a href="#"><img src="images/earth.png" alt="" /></a>
                <strong>EN</strong><strong>+</strong>
            </span>
	</div>
	<script>
        $("header ol").hide();
        $("header i").hide();
        $("header>ul>li").each(function(index,element){
            $(this).attr("index",index);
        })
        $("header>ul>li").mouseenter(function(){
            var index = $(this).attr("index");
            $("header ol").hide();
            $("header i").hide();
            $("header ol").eq(index).show();
            $("header i").eq(index).show();
            $(this).mouseleave(function(){
                $("header ol").hide();
                $("header i").hide();
            })
        })
	</script>
	<!--头部轮播图-->
	<dl class="clearfix">
		<dd>
			<img src="images/01HomeYoga_01.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font1">
				<p>PRACTICE AND</p>
				<p>ALL IS COMING</p>
				<span>Happiness is not having what you want,</span>
				<span>but wanting what you have</span>
				<i>Get to know us</i>
			</div>
		</dd>
		<dd>
			<img src="images/02HomeYoga_02.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font2">
				<p>YOGA - LIGHT</p>
				<span>Warrior pose helps to overcome internal weakness and focus. </span>
				<i>Get to know us</i>
			</div>
		</dd>
		<dd>
			<img src="images/03HomeYoga_03.png" alt="" />
			<div class="home-index-lunbo-font home-index-lunbo-font3">
				<p>WELCOME </p>
				<p>TO AASANA</p>
				<span>Yoga is the practice of taking</span>
				<span>the consequences being yourself</span>
				<i>Get to know us</i>
			</div>
		</dd>
	</dl>
	<img class="index-prev" src="images/homeprev.png" alt="" />
	<img class="index-next" src="images/Homenext.png" alt="" />
	<script>
        var islock = true;
        var n = 0;
        $("header>dl>dd").each(function(index,element){
            $(this).attr("index",index)
        })
        $(".index-next").click(function(){
            if(n < $("header>dl>dd").length - 1){
                if(islock === true) {
                    islock = false;
                    n++;
                    $("header>dl").animate({
                        marginLeft: -1920 * n + "px"
                    }, 1000,()=>{
                        islock = true;
                    });
                }
            }
            else{
                if(islock === true){
                    islock = false;
                    var willremove = $("header>dl>dd").eq(0).clone(true).appendTo($("header>dl")[0]);
                    $("header>dl").animate({
                        marginLeft: -1920 * (n + 1) + "px"
                    },1000,()=>{
                        $("header>dl").css({
                            marginLeft: 0 + "px"
                        });
                        willremove.remove();
                        n = 0;
                        islock = true;
                    });
                }
            }
        })
        $(".index-prev").click(function(){
            if(n < 1){
                if(islock === true){
                    islock = false
                    var willremove = $("header>dl>dd").eq($("header>dl>dd").length - 1).clone(true).prependTo($("header>dl")[0]);
                    $("header>dl").css({
                        marginLeft: -1920 + "px"
                    });
                    $("header>dl").animate({
                        marginLeft: 0 + "px"
                    },1000,()=>{
                        $("header>dl").css({
                            marginLeft: -1920 * ($("header>dl>dd").length - 1) + "px"
                        });
                        willremove.remove();
                        $("header>dl").css({
                            marginLeft: -1920 * ($("header>dl>dd").length - 1) + "px"
                        });
                        n = $("header>dl>dd").length - 1;
                        islock = true;
                    });
                }
            }
            else{
                if(islock === true){
                    islock = false;
                    n--;
                    $("header>dl").stop().animate({
                        marginLeft: -1920 * n + "px"
                    },1000,function(){
                        islock = true;
                    });
                }
            }
        })
        var move = setInterval(function(){
            $(".index-next").click();
        },3000)
        $("header").mouseenter(()=>{
            clearInterval(move);
        })
        $("header").mouseleave(()=>{
            move = setInterval(function(){
                $(".index-next").click();
            },3000)
        })
	</script>
</header>
	<div class="home-dance-two">
		<div class="content">
			<div class="home-logo">
				<img src="../im/VectorSmartObject5.png">
			</div>
			<div class="upcoming-words home-words">
				<p>Instructors</p>
			</div>
			<div class="home-dance-two-left">
				<ul>
					<li>
						<div class="home-dance-two-left-float">
							<h2>Learn beautiful, seductive move</h2>
							<p>Aenean nec odio venenatis, malesuada sem sit amet, venenatis odio. Praesent mollis consectetur lorem eu </p>
						</div>
						<img src="../images/2343456HomeDance_04.png">
					</li>
					<li>
						<div class="home-dance-two-left-float">
							<h2>Learn beautiful, seductive move</h2>
							<p>Aenean nec odio venenatis, malesuada sem sit amet, venenatis odio. Praesent mollis consectetur lorem eu </p>
						</div>
						<img src="../images/2343456HomeDance_04.png">
					</li>
					<li>
						<div class="home-dance-two-left-float">
							<h2>Learn beautiful, seductive move</h2>
							<p>Aenean nec odio venenatis, malesuada sem sit amet, venenatis odio. Praesent mollis consectetur lorem eu </p>
						</div>
						<img src="../images/2343456HomeDance_04.png">
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="home-dance-three clearfix">
		<div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="home-class pub-wrap-all">
				<ul class="ourclass flexbox content3">
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name Donce-serv-w">Mindful Resilience</p>
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name Donce-serv-w">Mindful Resilience</p>
									
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name Donce-serv-w">Mindful Resilience</p>
									
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name Donce-serv-w">Mindful Resilience</p>
									
								</div>
							</a>
					</li>
				</ul>
		</div>
	</div>
	</div>
	<div class="home-dance-four">
		<div class="content">
			<div class="home-dance-four-right">
				<h3>12 June</h3>
				<h2>contemporary Acadamy</h2>
				<p>Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, </p>
				<a href="#" class="type-a">Visit Event</a>
			</div>
			<img src="../im/arrowrightcopy2.png" class="left">
			<img src="../im/arrowright.png" class="right">
		</div>
	</div>
	<div class="home-dance-five clearfix">
		<div class="home-y-s-bc content2">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Sed quis ultricies sapien, et bibendum ligula. Nam consequat velit orci, posuere volutpat quam viverra sit amet. Phasellus tempor diam non nunc hendrerit lobortis consectetur at dui. Fusce varius velit eu mauris placerat vulputate.</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all ">
			<ul class=" ourclass flexbox content">
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="../im/Layer680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<img class="index-prev" id="pre" src="../im/arrowrightcopy2.png">
		<img class="index-next" id="next" src="../im/arrowright.png">
	</div>
	</div>
	<div class="home-dance-six clearfix">
		<div class="summer public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<p class="su-pro">Summer programs</p>
				</div>
				<div class=" su-words color">
					<p>PAY NOW ANDGet 15% discount</p>
				</div>
				<div class="summer-b home-wrap-content">
					<a href="" class="summer-button online-add you-cho-a border2">Become a Member</a>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div class="home-dance-seven clearfix">
		<div class="home-y-f-bc public_wrap">
		<div class="content">
			<div class="home-y-first">
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="Donce-serv-w home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="life-us clearfix">
					<ul class="life-way2 life-way content clearfix">
						<li class="relax2 theway-l theway-l2 clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Energy2 theway-r theway-r2 clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Boost2 theway-l theway-l2  clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Get2  theway-r theway-r2 clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Enjoy2 theway-l theway-l2  clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Create2 theway-r theway-r2 clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
					</ul>
					<img class="daoli" src="../im/Woman.png">
				</div>
			</div>
		</div>
	</div>
	</div>
	<div class="home-dance-eight clearfix back-color">
		<div class="public_wrap">
		<div class="content">
			<div class="">	
				<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="home-class pub-wrap-all">
				<ul class="ourclass flexbox content3">
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name Donce-serv-w">Mindful Resilience</p>
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name Donce-serv-w">Mindful Resilience</p>
									
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name Donce-serv-w">Mindful Resilience</p>
									
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="../im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name Donce-serv-w">Mindful Resilience</p>
									
								</div>
							</a>
					</li>
				</ul>
		</div>
	</div>
	</div>
	<div class="home-dance-nine clearfix">
		<div class="content">
			<div class="home-logo">
					<img src="../im/VectorSmartObject5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			<div class="home-dance-nine-bottom">
				<h2>Monday, 6 March</h2>
				<table>
					<thead>
						<tr>
							<th>08:00</th>
							<th>10:00</th>
							<th>12:00</th>
							<th>14:00</th>
							<th>16:00</th>
							<th>18:00</th>
							<th>20:00</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Beg kidspro</td>
							<td colspan="1"></td>
							<td></td>
							<td>Beg latina base</td>
							<td></td>
							<td colspan="2">beginner<img src="../images/Shape5228copy4.png"></td>
						</tr>
						<tr>
							<td>Beg kidspro</td>
							<td colspan="1"></td>
							<td></td>
							<td>Beg latina base</td>
							<td></td>
							<td colspan="2">middle<img src="../images/Shape5228copy4.png"></td>
						</tr>
						<tr>
							<td>Beg kidspro</td>
							<td colspan="1"></td>
							<td></td>
							<td>Beg latina base</td>
							<td></td>
							<td colspan="2">beginner<img src="../images/Shape5228copy4.png"></td>
						</tr>
						<tr>
							<td>Beg kidspro</td>
							<td colspan="1"></td>
							<td></td>
							<td>Beg latina base</td>
							<td></td>
							<td colspan="2">advanced<img src="../images/Shape5228copy4.png"></td>
						</tr>
						<tr>
							<td>Beg kidspro</td>
							<td colspan="1"></td>
							<td></td>
							<td>Beg latina base</td>
							<td></td>
							<td colspan="2">middle<img src="../images/Shape5228copy4.png"></td>
						</tr>
						<tr>
							<td>Beg kidspro</td>
							<td colspan="1"></td>
							<td></td>
							<td>Beg latina base</td>
							<td></td>
							<td colspan="2">advanced<img src="../images/Shape5228copy4.png"></td>
						</tr>
					</tbody>
				</table>
				<a href="#" class="type-a">Visit Event</a>
			</div>
		</div>
	</div>
	<footer>
		<!--图标-->
		<img class="home-index-foottop" src="images/home_index_foot_03.png" alt="">
		<!--文字-->
		<div class="home-index-footp">
			<p>Mauris justo sem, gravida ut enim a, rutrum molestie ligula.</p>
			<p>Cras in massa metus. Suspendisse potenti. Nam sagittis</p>
		</div>
		<!--文字-->
		<p>Subscribe us</p>
		<!--邮件input框-->
		<div class="home-index-footserch">
			<input type="text" placeholder="Enter your email" />
			<span>SEND</span>
		</div>
		<!--三个小图片-->
		<div class="home-index-footimg">
			<a href="#"><img src="images/home_index_foot_07.png" alt="" /></a>
			<a href="#"><img src="images/home_index_foot_09.png" alt="" /></a>
			<a href="#"><img src="images/home_index_foot_11.png" alt="" /></a>
		</div>
		<!--底部导航-->
		<ul class="home-index-footnav clearfix">
			<li><a href="#">Home</a></li>
			<li><a href="#">Pages</a></li>
			<li><a href="#">Envents</a></li>
			<li><a href="#">Portfolio</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">Shop</a></li>
			<li><a href="#">Contacts</a></li>
		</ul>
	</footer>
	<!--返回顶部图标-->
	<img class="home-gotop" src="images/home_index_foot_14.png" alt="" />
	<script>
        $(".home-gotop").hide();
        $("body").ready(function(){
            $(".home-gotop").click(function(){
                $("html,body").animate({scrollTop:0},250);
            });
            setInterval(function(){
                if($("html,body").scrollTop() === 0) {
                    $(".home-gotop").hide();
                }
                else{
                    $(".home-gotop").show();
                }
            },500)
        });
	</script>
	<script type="text/javascript">
			$(".relax2 ").animate({
      		right:'0px',
      		top:"0px"
   		});
   		$(".Boost2 ").animate({
      		right:'0px',
      		top:"198px"
   		});
   		$(".Enjoy2").animate({
      		right:'0px',
      		top:"386px"
   		});
   		$(".Energy2").animate({
      		left:'0px',
      		top:"0px"
   		});
   		$(".Get2").animate({
      		left:'0px',
      		top:"198px"
   		});
   		$(".Create2").animate({
      		left:'0px',
      		top:"386px"
   		});
	</script>
</body>
</html>
f